<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理商品</title>
    <link rel="stylesheet" href="./dmo/css/enterbangdan.css">
    <script src="./dmo/js/jquery-3.7.0.js"></script>
    <link rel="stylesheet" href="./dmo/dist/css/bootstrap.css">
    <script src="./dmo/dist/js/bootstrap.min.js"></script>
    <script src="./dmo/js/enterbangdan.js"></script>
    <script src="./dmo/js/enterbangdan_real.js"></script>
</head>
<body>
    <div class="container">
        <div class="jumbotron">
            <h1>Hello, Welcome!</h1>
            <p>Welcome to the real-time recommendation system!</p>
            <div class="btn-group" role="group" aria-label="...">
                <button id="real-time" type="button" class="btn btn-default">实时推荐</button>
                <button type="button" class="btn btn-default"><a href="./bangdan.html">查看榜单</a></button>
                <button id="static-time" type="button" class="btn btn-default">静态推荐</button>
            </div>
        </div>
        <!-- <div>
            <span class="title">主页</span>
            <span class="bangdan"><a href="./bangdan.html">查看榜单</a></span>
        </div> -->

        <div class="container-inner" style="margin-top: 50px;">
                <div class="row">
                </div>
            
        </div>

    </div>
</body>
<!-- 这里是从后端的获取数据 显示到前端 因为三个是固定的 所以只需要在ajax成功的回调函数里面更改text的值几号 -->
<script>

</script>
</html>



<!-- <div class="col-sm-6"><div class="thumbnail"><div class="caption"><h3 id="goodsname">这里是样例商品名称</h3><p id="avg">...</p><p><a href="#" class="btn btn-primary" role="button">进入详情</a> </p></div></div></div> -->